:root{--primary: #00ffff;--secondary: #ff00ff;--bg: #0a0e27;--text: #00ff00;--card: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .16);--glow: 0 0 20px rgba(0, 255, 255, .25)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,.05),transparent 35%),radial-gradient(circle at 80% 10%,rgba(255,0,255,.05),transparent 30%),var(--bg);color:var(--text);display:grid;place-items:center;padding:16px}.player-shell{width:min(1100px,100%);background:#0a0e27cc;border:1px solid var(--border);border-radius:18px;box-shadow:var(--glow),0 15px 40px #0006;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.player-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,#00ffff14,#ff00ff14)}.header-left{display:flex;gap:12px;align-items:center}.pixel-dots span{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--primary);box-shadow:0 0 8px #0ffc;margin-right:5px}.pixel-dots span:nth-child(2){background:var(--secondary);box-shadow:0 0 8px #f0fc}.pixel-dots span:nth-child(3){background:#7cff00;box-shadow:0 0 8px #7cff00cc;margin-right:0}.title-wrap{display:flex;flex-direction:column;gap:4px}.player-title{font-weight:800;letter-spacing:.08em;font-size:1.05rem}.player-meta{display:flex;gap:8px}.badge{padding:4px 10px;border-radius:999px;font-size:.75rem;border:1px solid var(--border);color:var(--text);background:#ffffff0d}.header-right{display:flex;gap:8px;align-items:center;font-size:.85rem;color:#9ff3ff}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px #0ffc}.player-main{padding:18px}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#050710;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--glow)}video{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;background:#000}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.12) 0px,rgba(0,0,0,.12) 1px,transparent 2px,transparent 4px);mix-blend-mode:screen;opacity:.35}.pixel-mask{pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:6px 6px;opacity:.4}.controls{padding:10px 16px 16px;background:#00000059;border-top:1px solid var(--border)}.progress-row{padding:4px 4px 10px}#progress{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#ffffff1f;border-radius:999px}#progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px #00ffffb3;border:2px solid #fff}#progress::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:var(--primary);box-shadow:0 0 8px #00ffffb3}.buttons-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.left-group,.right-group{display:flex;align-items:center;gap:8px}.ctrl-btn{background:#ffffff14;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 0 0 1px #ffffff0a}.ctrl-btn:hover{background:#00ffff1f;box-shadow:0 0 10px #00ffff4d}.ctrl-btn:active{transform:translateY(1px)}.volume-wrap{display:flex;align-items:center;gap:6px}#volume{width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff26;border-radius:999px}#volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--secondary);box-shadow:0 0 8px #f0f9;border:1px solid #fff}#volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:1px solid #fff;background:var(--secondary);box-shadow:0 0 8px #f0f9}.time{font-variant-numeric:tabular-nums;font-size:.9rem;color:#ffffffd9}@media(max-width:768px){body{padding:8px}.player-shell{width:100%}.player-main{padding:10px}.video-frame{aspect-ratio:9/16}.player-header{padding:12px}.player-title{font-size:.95rem}.badge{font-size:.7rem}.controls{padding:8px 10px 12px}.buttons-row{gap:8px}.ctrl-btn{padding:8px 10px;font-size:.9rem}#progress{height:5px}#volume{width:70px}}